<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">
<body>

<div class="login layui-anim layui-anim-up">
    <div class="message">医馆管理系统</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form">
        <input name="uLoginName" id="uLoginName" placeholder="用户名" type="text" lay-verify="required"
               class="layui-input">
        <hr class="hr15">
        <input name="password" id="uPassword" lay-verify="required" placeholder="密码" type="password"
               class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
    </form>
</div>

<script>
    $(function () {
        layui.use('form', function () {
            var form = layui.form;
            $(document).ready(function () {
                $.ajax({
                    url: '/JT90/user/selectUserMsgFromRedisByuLoginName',//地址
                    dataType: 'json',//数据类型
                    type: 'GET',//类型
                    contentType: 'application/json;charset=UTF-8',
                    //请求成功
                    success: function (map) {
                        if(map.msg){
                            console.log("缓存已清除");
                        }
                    },
                    //失败/超时
                    error: function () {
                        console.log("缓存清除失败");
                    }
                })
            })


            //监听提交
            form.on('submit(login)', function (data) {
                /* layer.msg(JSON.stringify(data.field), function () {
                     location.href = 'index.html'
                      });
                 return false;*/


                var uLoginName = $('#uLoginName').val(),
                    uPassword = $('#uPassword').val();

                $.ajax({
                    url: '/JT90/user/selectUserByLoginNameAndPwd',//地址
                    dataType: 'json',//数据类型
                    data: {
                        "uLoginName": uLoginName,
                        "uPassword": uPassword,
                    },
                    type: 'GET',//类型
                    contentType: 'application/json;charset=UTF-8',
                    //请求成功
                    success: function (map) {
                        if (map.msg) {
                            if(map.data.uState===15){
                               var token = map.token;
                               alert(token);
                               sessionStorage.setItem("token",token);
                                layer.msg('登录成功！', {
                                    icon: 1,
                                    time: 1500,
                                    end: function () {
                                        var uLoginName = $('#uLoginName').val();
                                        location.href = "index.html?uLoginName="+uLoginName
                                    }
                                });
                            }else{
                                layer.open( {
                                    icon: 1,
                                    btn: ['确定']
                                    ,content:'该账号已被禁用，请联系管理员！',
                                });
                            }
                        }else{
                            layer.msg('用户名或密码错误，请重新输入！', {
                                icon: 1,
                                time: 1500,
                                end: function () {
                                    location.reload();
                                }
                            });
                        }

                    },
                    //失败/超时
                    error: function () {
                        layer.msg('用户名或密码错误，请重新输入！', {
                            icon: 1,
                            time: 1500,
                            end: function () {
                                location.reload();
                            }
                        });
                    }
                });
                return false;
            });

        });
    })
</script>
<!-- 底部结束 -->
</body>
</html>